" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Home</title>
</head>
<body>
<!--==============================content=================================-->
<div class="box-slider">
    <div class="flexslider">
        <ul class="slides">
            <li> <img alt="" src="images/slide-1.jpg"></li>
            <li> <img alt="" src="images/slide-2.jpg"></li>
        </ul>
    </div>
</div>
<div class="box-slogan">
    <h3>Welcome to Gourmet cooking school!</h3>
    <h3>欢迎来到吃货之家!!!</h3>
    <h4>欢迎来到<a href="#" class="link-1">吃货</a> 之家!!!这里有你喜欢的各种美食佳肴、中餐西餐，你可以学习烹饪你感兴趣的任何菜品，只要你想，你就可以成为厨师美食家!!!</h4>
</div>
<section id="content"><div class="ic"></div>
    <div class="border-horiz"></div>
    <div class="container_12 row-1">
        <article class="grid_4 thumbnail-1">
            <h3><span>素菜</span> cookings </h3>
            <figure class="box-img"><img src="images/page1img1.jpg " alt="" /></figure>
            <h4> 水果蔬菜、美味佳肴</h4>
            <a href="${pageContext.request.contextPath}/foods_detail.jsp" class="btn">更多</a> </article>
        <article class="grid_4 thumbnail-1">
            <h3><span>荤菜</span> cookings </h3>
            <figure class="box-img"><img src="images/page1img2.jpg " alt="" /></figure>
            <h4>香喷喷的肉类、海鲜</h4>
            <a href="${pageContext.request.contextPath}/foods_detail.jsp" class="btn">更多</a> </article>
        <article class="grid_4 thumbnail-1">
            <h3><span>甜点</span> cookings </h3>
            <figure class="box-img"><img src="images/page1img3.jpg " alt="" /></figure>
            <h4>餐后点甜、滋补汤类</h4>
            <a href="${pageContext.request.contextPath}/foods_detail.jsp" class="btn">更多</a> </article>
        <div class="clear"></div>
    </div>
    <div class="border-horiz"></div>
    <div class="container_12">
        <article class="grid_10">
            <h3>今日菜谱分享</h3>
            <blockquote class="quote-1">我有一个梦想，梦想有一天，全世界所有的饭店都会免费…识食物者为俊杰</blockquote>
            <div class="name-author">-----吃货之家</div>
            <ul class="list-dropcap">
                <div class="grid_12">
                <c:forEach items="${tf_list}" var="tl" varStatus="vs">
                <li >
                    <div class="wrapper">
                        <div class="dropcap">${vs.count}</div>
                        <a href="#">${tl.foodname}</a></div>
                    <figure class="box-img"><img src="${pageContext.request.contextPath }${tl.foodpicture}"/></figure>
                </li>
                </c:forEach>
                </div>
            </ul>
        </article>
        <div class="clear"></div>
    </div>
</section>



</body>
</html>
